<html #test>
  <head>
    <title></title>
    <style>
    
    html { background: #EEE; }
    body > div { flow: horizontal; size:*; };
    body > div > ol { width:max-content; height:*; white-space:nowrap; }
    body > div > frame { size:*; border:1px solid; }
    
    </style>
    <script type="text/tiscript"></script>
  </head>
<body>
 <h2>SVG drawings</h2>
 <div>
   <ol>
     <li><a target="view" href="drawings/tiger.svg">   the SVG tiger.svg</a></li>  
     <li><a target="view" href="drawings/cowboy.svg">  cowboy.svg</a></li>  
     <li><a target="view" href="drawings/cube.svg">    cube.svg</a> (large)</li>  
     <li><a target="view" href="drawings/flower.svg">  flower.svg</a> (large)</li>  
     <li><a target="view" href="drawings/longhorn.svg">longhorn.svg</a></li>  
     <li><a target="view" href="drawings/mona.svg">    mona.svg</a> (large)</li>  
     <li><a target="view" href="drawings/house.svg">  house.svg</a></li>  
     <li><a target="view" href="drawings/small-house.svg">  small-house.svg</a></li>  
     <li><a target="view" href="drawings/castle.svg">  castle.svg</a></li>  
   </ol>
   <frame id="view"></frame>
 <div>
</body>
</html>
